<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DDR数据驱动框架</title>
    <meta content="DDR是一款数据驱动式前端框架，目的是帮助前端开发者更轻，更快，更好的开发。" name="Description">
    <meta content="DDR ddr.js 数据驱动式框架 前端框架" name="Keywords">
    <!--IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--360极速模式-->
    <meta name="renderer" content="webkit">
    <!--移动优先-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">-->
    <link rel="stylesheet" href="./style.css">
</head>
<body>

<div class="page-header">
    <div class="ddr-logo">
            DDR
    </div>
    <div class="nav-top">
        <ul>
            <li><a href="">教程</a></li>
            <li><a href="">API</a></li>
            <li><a href="">示例</a></li>
            <li><a href="">插件</a></li>
            <li><a href="">社区</a></li>
            <li><a href="">参与贡献</a></li>
            <li><a href="package/download.html">下载</a></li>
            <li><a href="">登录</a></li>
        </ul>
    </div>
</div>
<div class="page-content">
    <div class="main-top">
        <div class="main-top-left">
            <img src="src/image/u2.png" alt="LOGO">
        </div>
        <div class="main-top-right">
            <h2>数据驱动式<br>
                JavaScript框架
            </h2>
            <div class="main-download">
                <button>教程</button>
                <button>下载</button>
                <a href="">[更新日志]</a>
            </div>
        </div>

    </div>
    <div class="wrap character-wrap">
        <div class="col-md-4">
            <div class="character-box">
                <h3>易用</h3>
                <p>已经学会了HTML,CSS,JavaScript？即刻开始阅读指南开始构建应用！</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="character-box">
                <h3>易用</h3>
                <p>即刻开始阅读指南开始构建应用！</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="character-box">
                <h3>易用</h3>
                <p>17kb min+gzip 运行大小 <br>
                    超快虚拟 DOM <br>
                    最省心的优化</p>
            </div>
        </div>

    </div>
</div>
<div class="page-footer">
   <div class="foot-center">
       <div class="foot-link-img">
           <img src="src/image/x1_u30.png" alt="我的微博">
           <img src="src/image/w1_u32.png" alt="我的微信">
       </div>
       <div class="foot-link-text">
           <a href="">企业合作</a>
           <a href="">联系我们</a>
           <a href="">加入我们</a>
           <a href="">团队介绍</a>
           <p><a href="">雷创公司荣誉出品</a></p>
       </div>
   </div>
</div>
</body>
</html>